<template>
  <div>
    <select :value="value" @change="onChange">
      <option value="101">北京</option>
      <option value="102">上海</option>
      <option value="103">武汉</option>
      <option value="104">广州</option>
      <option value="105">深圳</option>
    </select>
  </div>
</template>

<script>
export default {
  name: 'BaseSelect',
  props: {
    // cityId: String // 接收一个属性，为当前城市id，由父组件传递过来
    value: String // 接收一个属性，为当前城市id，由父组件传递过来
  },
  methods: {
    onChange(e) {
      // console.log('select 的值改变了', e.target.value);
      // this.$emit('change', e.target.value)
      this.$emit('input', e.target.value)
    }
  }
}
</script>

<style>
</style>